<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style type="text/css">
header, nav, article, section, aside, footer
{
	display:block;
}

body
{
	width:600px;
	margin:0 auto;
	color:#FFF;
}

header
{
	background-color:#333;
	height:50px;
}

nav
{
	background-color:#F00;
	height:40px;
}

#pageWrapper
{
	background-color:#333;
	min-height:300px;
	margin-top:10px;
}

article
{
	width:400px;
	background-color:#666;
	float:left;
	height:200px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}

aside
{
	float:right;
	background-color:#666;
	margin-top:20px;
	margin-right:20px;
	height:100px;
}

footer
{
	clear:both;
	background-color:#333;
	min-height:30px;
	margin-top:10px;
}
</style>
</head>

<body>
<header>
	Header
</header>
<nav>
	<ul id="navlist">
    	<li>Navigatie</li>
    </ul>
</nav>
<article>
	<section>
    	<h1>Section Titel</h1>
    </section>
</article>
<aside>
	Sidebar content
</aside>
<footer>
	Footer content
</footer>
</body>
</html>
